$(function () {
    //轮播图
    let index = 1;
    let time;
    slideshow();
    function slideshow() {
        time = setInterval(() => {
            $(".middle-imgs").find("img:eq(" + index + ")").siblings().fadeOut(300);
            $(".middle-imgs").find("img:eq(" + index + ")").fadeIn(1000);
            if (index >= 2) {
                index = -1;

            }
            $(".index-dots").find("a:eq(" + index + ")").siblings().removeClass("active");
            $(".index-dots").find("a:eq(" + index + ")").addClass("active");
            index++;
        }, 4000);
    }
    //点击轮播点切换图片
    $(".index-dots").find("a").click(function () {
        clearInterval(time);
        index = parseInt($(this).attr("number"));
        $(".middle-imgs").find("img:eq(" + index + ")").siblings().fadeOut(300);
        $(".middle-imgs").find("img:eq(" + index + ")").fadeIn(1000);
        $(".index-dots").find("a:eq(" + index + ")").siblings().removeClass("active");
        $(".index-dots").find("a:eq(" + index + ")").addClass("active");
        if (index >= 2) {
            index = -1;
        }
        index++;
        slideshow();
    });
})